<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入本页面css样式表 -->
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部开始 -->
    <header class="header">
        <!-- 工具条开始 -->
        <div class="toolbar-bg">
            <div class="toolbar">
                <p class="fl">全国服务热线：400-000-0000</p>
                <span class="fr">
                    <a href="javascript:;">设为首页</a>
                    <a href="javascript:;">加入收藏</a>
                </span> 
            </div>
        </div>
        <!-- 工具条结束 -->
        <!-- logo和导航开始 -->
        <div class="logo-nav-bg">
            <div class="logo-nav">
                <a href="index.html" class="fl logo">
                    <img src="images/logo.png" alt="">
                </a>
                <ul class="fr nav">
                    <li><a href="" class="cur"><span>首页 Home</span></a></li>
                    <li><a href=""><span>关于我们About</span></a></li>
                    <li><a href=""><span>关于我们 About</span></a></li>
                    <li><a href=""><span>关于我们 About</span></a></li>
                    <li><a href=""><span>关于我们About</span></a></li>
                    <li><a href=""><span>关于我们 About</span></a></li>
                    <li><a href=""><span>关于我们 About</span></a></li>
                </ul>
            </div>
        </div>   
        <!-- logo和导航结束 -->
    </header>
    <!-- 头部结束 -->
    <!-- 内容开始 -->
    <section class="content">
        <!-- 轮播图开始 -->
        <section class="banner">
            <a href="" class="banner-link">
                <img src="images/banner.jpg" width="100%" height="545px" alt="">
            </a>
            <span class="banner-ctrl">
                <a href="" class="cur"></a>
                <a href=""></a>
                <a href=""></a>
            </span>
        </section>
        <!-- 轮播图结束 -->
        <!-- 内容分类开始 -->
        <section class="cate">
            <ul>
                <li>
                    <header>
                        <h3>新闻中心</h3>
                        <p>NEWS.CENTER</p>
                    </header>
                    <section></section>
                </li>
                <li>
                    <header>
                        <h3>新闻中心</h3>
                        <p>NEWS.CENTER</p>
                    </header>
                    <section></section>
                </li>
                <li>
                    <header>
                        <h3>新闻中心</h3>
                        <p>NEWS.CENTER</p>
                    </header>
                    <section></section>
                </li>
            </ul>
        </section>
        <!-- 内容分类结束 -->
    </section>
    <!-- 内容结束 -->

    <!-- 尾部开始-->
    <footer class="footer">

    </footer>
    <!-- 尾部结束 -->
</body>
</html>